{% extends 'base.html' %}
{% block title %}
<title xmlns="http://www.w3.org/1999/html">科学实验页面</title>
{% endblock %}
{% block crumb %}
    <a class="maincolor" href="#">系统功能</a>
    <span class="c-666 en">&gt;</span>
    <a class="maincolor" href="/list_user">实验页面</a>
{% endblock crumb %}
{% block content %}
<article class="cl pd-20">
    <form class="form form-horizontal" id="form-test" method="post">
        <!-- 如果有表单 -->
        {{ form.csrf_token }}
        <!-- 如果没有表单 -->
        {# <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" /> #}

        <legend class="">实验内容</legend>
        <div class="panel panel-default mt-20">
            <span class="text-c"><h4>这里是实验内容--<small>关于Office操作的</small></h4></span>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3">实验一：操作Word文件</label>
                <div class="formControls col-xs-5 col-sm-7">
                    <a class="btn btn-primary radius" href="{{ url_for('home.open_word') }}">打开Word文件</a>
                    <a class="btn btn-default radius" href="{{ url_for('home.close_word') }}">关闭Word文件</a>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3">实验二：操作Excel文件</label>
                <div class="formControls col-xs-5 col-sm-7">
                    <a class="btn btn-primary radius" href="{{ url_for('home.open_excel') }}">打开Excel文件</a>
                    <a class="btn btn-info radius" href="{{ url_for('home.close_excel') }}">关闭Excel文件</a>
                </div>
            </div>
        </div>
    </form>
</article>
{% endblock content %}
{% block myscript %}
<script type="text/javascript">
    $("table tr").click(function(){
        var tr = $(this);
        var td = tr.find("td");
        alert(td[0].innerHTML)
    });
    $(".dict-id").click(function(){
        var thisid = $(".dict").val()
        alert("这一行绑定了！行号=" + thisid);
    })

    $("#ajax-test").click(function(){
        alert("我回来了！");
    })

</script>
{% endblock myscript %}